<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:ry="">
	<head>
		<th:block th:include="include :: header('通知公告列表')" />
	</head>
	<body class="gray-bg">
	    <div class="container-div">
			<div class="row">
				<div class="col-sm-12 search-collapse">
					<form id="notice-form">
						<div class="select-list">
							<ul>
								<li>
									公告标题：<input type="text" name="notice_title"/>
								</li>
								<li>
									操作人员：<input type="text" name="create_by"/>
								</li>
								<li>
									公告类型：<ry:selectDict dictType="sys_notice_type" name="notice_type" headLabel="所有" headValue="" value=""/>
								</li>
								<li>
									<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
									<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
								</li>
							</ul>
						</div>
					</form>
				</div>

		        <div class="btn-group-sm" id="toolbar" role="group">
			        <a class="btn btn-success" onclick="$.operate.addFull()" shiro:hasPermission="system:notice:add">
			            <i class="fa fa-plus"></i> 新增
			        </a>
			        <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:notice:remove">
			            <i class="fa fa-remove"></i> 删除
			        </a>
		        </div>

		        <div class="col-sm-12 select-table table-striped">
		            <table id="bootstrap-table"></table>
		        </div>
	    	</div>
	    </div>
	    <th:block th:include="include :: footer" />
	    <script th:inline="javascript">
	        var editFlag = [[${@permission.hasPermi('system:notice:edit')}]];
	        var removeFlag = [[${@permission.hasPermi('system:notice:remove')}]];
	        var types = [[${@dict.getType('sys_notice_type')}]];
	        var datas = [[${@dict.getType('sys_notice_status')}]];
	        var prefix = ctx + "system/notice";

	        $(function() {
	            var options = {
	                url: prefix + "/list",
	                createUrl: prefix + "/add",
	                updateUrl: prefix + "/edit/{id}",
	                removeUrl: prefix + "/remove",
	                modalName: "公告",
	                columns: [{
			            checkbox: true
			        },
					{
						field : 'notice_id',
						title : '序号',
			            align: 'center'
					},
					{
						field : 'notice_title',
						title : '公告标题',
			            formatter: function(value, row, index) {
			                return '<a href="javascript:void(0)" onclick="detail(\'' + row.notice_id + '\')">' + value + '</a>';
			            }
					},
					{
			            field: 'notice_type',
			            title: '公告类型',
			            align: 'center',
			            formatter: function(value, row, index) {
			            	return $.table.selectDictLabel(types, value);
			            }
			        },
					{
			            field: 'status',
			            title: '状态',
			            align: 'center',
			            formatter: function(value, row, index) {
			            	return $.table.selectDictLabel(datas, value);
			            }
			        },
					{
						field : 'create_by',
						title : '创建者',
			            align: 'center'
					},
					{
			            field: 'create_time',
			            title: '创建时间',
			            align: 'center',
			            sortable: true
			        },
			        {
			            title: '操作',
			            align: 'center',
			            formatter: function(value, row, index) {
			            	var actions = [];
			            	actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.editFull(\'' + row.notice_id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
	                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.notice_id + '\')"><i class="fa fa-remove"></i>删除</a>');
							return actions.join('');
			            }
			        }]
	            };
	            $.table.init(options);
	        });

			/*通知公告详细*/
			function detail(notice_id) {
			    var url = prefix + '/detail/' + notice_id;
                if ($.common.isMobile()) {
                    $.modal.openFull("通知公告详细", url);
                }
                else {
                    $.modal.open("通知公告详细", url);
                }
			}
	    </script>
	</body>
</html>